<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
我是普通文字
<!-- 空格折叠现象:连续的多个空格或换行会折叠成一个空格显示   -->
<!-- 换行标签 单标记 -->
<br>
<b>加粗文字bold</b>
<i>斜体文字italic</i>
<s>删除线文字</s>
<u>下滑线文字underline</u>
<mark>高亮标记文字</mark>
<br>
<!-- 转义符号
小于号&lt; => less than
大于号&gt; => great than
空格&nbsp; -->
我最爱吃&lt;tom&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;红烧肉

<!-- 标题标签 加粗 改字号 内容独占一行 有垂直方向的上下行间距 -->
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<!-- 没有标题7,但没有报错,只是不会渲染出效果 -->
<h7>标题7</h7>

<!--  段落标签 内容独占一行 有垂直方向的行间距 没有额外的文字效果  -->
<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>

<!-- 分割线 生成一条灰色水平的分割线 -->
<hr>

<!-- 生成假文 lorem按Tab补全 -->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis delectus hic in itaque, laboriosam non quam quibusdam ratione? Alias aut cupiditate enim est impedit laboriosam laborum magni officia repellendus voluptatibus.

<!-- 有序列表 1阿拉伯数字 A/a字母 I/i罗马数字 -->
<ol type="1"> <!--ordered list-->
    <li>把水烧开</li><!--list item-->
    <li>把面放进去</li>
    <li>把面捞出来</li>
</ol>
<!-- 无序列表 type="none"去除列表项前标识符 -->
<ul type="none"> <!--unordered list-->
    <li>《Think In Java》</li><!--list item-->
    <li>《Java从入门到精通》</li>
    <li>《颈椎病康复指南》</li>
</ul>
<hr>
<ul type="none">
    <li>
        热菜
        <ol>
            <li>西红柿牛腩</li>
            <li>宫保鸡丁</li>
            <li>水煮肉片</li>
            <li>溜肉段</li>
        </ol>
    </li>
    <li>
        凉菜
        <ol>
            <li>拍黄瓜</li>
            <li>凉拌三丝</li>
            <li>皮蛋豆腐</li>
        </ol>
    </li>
    <li>
        主食
        <ol>
            <li>米饭</li>
            <li>馒头</li>
        </ol>
    </li>
</ul>
<hr>
<h1>个人简历</h1>
<h3>基本信息</h3>
<p>姓名:<b>传奇哥</b></p>
<p>性别:男</p>
<p>爱好:<s>摄影</s></p>
<h3>个人经历</h3>
<ul>
    <li>小学9年</li>
    <li>中学9年</li>
    <li>高中12年</li>
</ul>
<h3>获得荣誉</h3>
<ol>
    <li>机甲收集达人</li>
    <li>玩偶收集达人</li>
</ol>
</body>
</html>